<template>
    <div
        class="app-fullscreen"
        v-loading="isLoading"
        :element-loading-text="loadingText"
        element-loading-background="rgba(0, 0, 0, 0.2)"
    >
        <router-view />
    </div>
</template>

<script>
    export default {
        name: 'app-fullscreen',
        computed: {
            isLoading () {
                return this.$store.state.common.isLoading
            },
            loadingText () {
                return this.$store.state.common.loadingText
            }
        }
    }
</script>
<style lang="scss">
.app-fullscreen {
    position: relative;
    width: 100%;
    height: 100%;
}
</style>
